$(function(){
    /* 点击去注册账号的链接 */
    $('#link_reg').on('click',function(){
       $('.login-box').hide(),
       $('.reg-box').show()
    })
    /* 点击去登录的链接 */
    /* 点击去注册账号的链接 */
    $('#link_login').on('click',function(){
        $('.reg-box').hide(),
        $('.login-box').show()
     })
     /* 从layui中获取form对现象 */
     var form=layui.form
     var layer=layui.layer
     /* 通过form的varify方法 */
     form.verify({
        pwd: [
            /^[\S]{6,12}$/
            ,'密码必须6到12位，且不能出现空格'
          ] ,
          /* 两次校验密码是否一致的规则 */
          repwd:function (value){
             /* 通过形参拿到确认密码框的值 */
             /* 拿到输入密码框的值进行一次判断 */
             /* 如果判断失败则返回一个提示小熙 */
            var pwd= $('.reg-box [name=password]').val()
            if (pwd!==value){
                 return '两次输入的密码不一致'
             }
          }
     }) 
     /* 监听注册表单注册事件 */   
      $('#form_reg').on('submit',function(e){
      var data={username: $('#form_reg [name=username]').val(),password:$('#form_reg [name=password]').val()}
      e.preventDefault()
      $.post('/api/reguser',
      data,
      function(res){
          if(res.status!==0){
              return console.log(res.message);
          }
          console.log('注册成功');
      }
      )
    }) 
    $('#form_reg').on('submit',function(e){
        e.preventDefault()
        $.ajax({
            method:'POST',
            url:'/api/reguser',
            data:{username:$('#form_reg [name=username]').val(),password:$('#form_reg [name=password]').val()},
            success:function(res){
                if(res.status!==0){
                    return layer.msg(res.message)
                }
                 layer.msg('注册成功');
                 /* 模拟人的点击行为 */
                 $('#link_login').click()
            }
        })
    })
    /* 登录表单的提交 */
    $('#form_login').submit(function(e){
      e.preventDefault(),
      $.ajax({
          method:'POST',
          url:'/api/login',
          data:$(this).serialize(),
          success:function(res){
              if(res.status!==0){
                  return layer.msg('登录失败')
              }
              layer.msg('登录成功')
            //   console.log(res.token)
            /* 将登陆成功得到的token字符串保存到localstorage中 */
            localStorage.setItem('token',res.token)
            /* 跳转到后台主页 */
            location.href='/index.html'
          }
      })
    })
    })